<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script>
        function myFunction(){



          var body= document.getElementsByTagName('body')[0];

            console.log(body)
          var child=document.getElementsByTagName('input')[0];


            /*如果存在p标签就先删除*/
        if(typeof (document.getElementsByTagName('p')[0])!='undefined'){
            var p=document.getElementsByTagName('p')[0]
            body.removeChild(p)
        }




            var para=document.createElement("p");                  //创建元素节点
            var node=document.createTextNode("这是p标签的内容!");     //创建文本节点
            para.appendChild(node);                              //元素节点追加 文本子节点


           body.insertBefore(para,child)
        }
    </script>
</head>
<body>

<input type="button" onclick="myFunction()" value="前面插入一个p标签" />

</body>
</html>